<?
require_once 'config.php';
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="vi" lang="vi" xmlns:og="http://ogp.me/ns#" xmlns:fb="">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <link type="image/x-icon" href="/favicon.ico" rel="icon" />
   
   <title>CÔNG TY TNHH SANBOO</title>
   <meta name="description" content=""/>
   <meta name="keywords" content=""/>
   <meta name="AUTHOR" content="Sudo.vn" />
   <meta name="COPYRIGHT" content="Sudo.vn" />
   <meta name="ROBOTS" content="INDEX, FOLLOW" />
   <meta name="RATING" content="GENERAL" />
   <!-- css -->   
   <link rel="stylesheet" type="text/css" href="<?=TEMPLATE_PATH?>css/jquery-ui.css" media='all'/>
   <link rel="stylesheet" type="text/css" href="<?=TEMPLATE_PATH?>css/home.css?v=2" media='all'/>
   <link rel="stylesheet" type="text/css" href="<?=TEMPLATE_PATH?>css/layerslider.css" media='all'/>	
   
   <!-- js -->
   <script type="text/javascript" src="<?=TEMPLATE_PATH?>js/jquery-1.9.0.min.js"></script>
	<script type="text/javascript" src="<?=TEMPLATE_PATH?>js/jquery-ui.js"></script>	
   <script type="text/javascript" src="<?=TEMPLATE_PATH?>js/jquery.carouFredSel-5.6.4-packed.js"></script>
   <script type="text/javascript" src="<?=TEMPLATE_PATH?>js/common.js"></script>
   <script>
  $(function() {
    $( "#accordion" ).accordion({
      collapsible: true
    });
  });
  </script>
  <script type="text/javascript">
$(document).ready(function() {
    // Using custom configuration
      $('.post_new_inner').carouFredSel({
         auto	: {
            play:false,
         },
            items               : 1,
            direction           : "right",
            scroll : {
            items           : 1,
            easing          : "elastic",
            duration        : 1000,                         
            pauseOnHover    : true,
         },
         prev : ".pre",
         next : ".next"                   
    });
});
</script>
</head>
<body>   
   <div class="global_container">
      <? include('view/common/vic_header.php')?>
      <? include('view/common/vic_slide.php')?>
      <div class="main_content">
         <div class="content_wrapper width">
            <div class="testimonial_wrapper">
               <div class="testimonial">
                  <div class="line_hor"></div>
                  <div class="testimonial_inner">
                     <div class="author">                     
                        <div class="image"> <img src="home/images/Loc.jpg"/></div>
                        <h3 class="title">Chất lượng và tiến độ công trình là sứ mạng của chúng tôi</h3>
                        <div class="info"><div class="name">SanBoo Việt Nam</div>
                        </div>
                        <div class="clear"></div>
                     </div>
                  </div>
               </div>
               <div class="medium_spacing"></div>
            </div>
            <div class="page_static">
               <div class="column_wrapper">
                  <div class="column">
                     <div class="icon2">
                        <? $pag_ab = page_static('introduction')?>
                        <div class="info">
                           <div class="image"><img src="<?=TEMPLATE_PATH?>images/icon-aboutus.png" class="icon_aboutus"/></div>
                           <h3 class="title"><a href="<?=DOMAIN.generate_page_detail_url($pag_ab)?>"><?=$pag_ab['pag_title']?></a></h3>
                           <div class="description">
                           <?=$pag_ab['pag_summary']?>
                              
                           </div>
                        </div>
                        <div class="clear"></div>
                     </div>
                     <div class="clear"></div>
                  </div>
               </div>
               <div class="column_wrapper">
                  <div class="column">
                     <div class="icon2">   
                      <? $pag_sv = page_static('service')?>                     
                        <div class="info">
                           <div class="image"><img src="<?=TEMPLATE_PATH?>images/icon-services.png" class="icon_aboutus"/></div>
                           <h3 class="title"><?=$pag_sv['pag_title']?></h3>
                           <div class="description">
                              <?=$pag_sv['pag_summary']?>
                              
                           </div>
                        </div>
                        <div class="clear"></div>
                     </div>
                     <div class="clear"></div>
                  </div>
               </div>
               <div class="column_wrapper pdr0">
                  <div class="column">
                     <div class="icon2">
                        <? $pag_pj = page_static('project')?>  
                        <div class="info">
                           <div class="image"><img src="<?=TEMPLATE_PATH?>images/icon-project.png" class="icon_aboutus"/></div>
                           <h3 class="title"><?=$pag_pj['pag_title']?></h3>
                           <div class="description">
                           <?=$pag_pj['pag_summary']?>
                           </div>
                           </div>
                           <div class="clear"></div>
                     </div>
                     <div class="clear"></div>
                  </div>
               </div>   
               <div class="clear"></div>
            </div>
            <div class="width" style="margin-top: 20px;">
               <div class="post_new_wrapper">
                  <h3 class="title">Bài mới</h3>
                  <div class="post_new_line"></div>
                  <div class="pagination">
                     <span class="pre"></span>
                     <span class="next"></span>
                  </div>
                  <div class="post_new_inner">
                     <div class="post_two">
                     <?
                        $services_new = services_new();
                        foreach($services_new as $key=>$row){
                     ?>
                           
                                 <div class="post_one">
                                    <div class="image_date">
                                       <div class="image_day"><?=date('d',$row['ser_date'])?></div>
                                       <div class="image_mounth"><?=date('F',$row['blo_date'])?></div>
                                    </div>
                                    <div class="post_info">
                                       <a href="<?=generate_service_detail_url($row)?>"><p class="post_title"><?=$row['ser_title']?> </p></a>
                                       <p class="post_date"><?=getDateTime(1,1,1,1,'',$row['ser_date'])?></p>
                                       <div class="post_description"><?=cut_string($row['ser_summary'],200)?>... <a href="<?=generate_service_detail_url($row)?>">Đọc thêm</a></div>
                                    </div>
                                 </div>
                           <?if(($key+1)%3 == 0 && $key>0){?>
                           </div>
                           <div class="post_two">
                              
                           <?}?>
                     <?
                        }
                     ?>
                     </div>
                  </div>                  
               </div>
               <div class="because_wrapper">
                  <h3 class="title">Vì sao chọn chúng tôi</h3>
                  <div class="post_new_line"></div>
                  <div class="because_inner">
                     <div id="accordion">
                        <?
                           $whyme = $templateHome->whyme();
                           foreach($whyme as $row){
                        ?>
                              <h3><?=$row['whm_title']?></h3>
                              <div>
                               <?=$row['whm_content']?>
                              </div>
                        <?
                           }
                        ?>
                     </div>
                  </div>
               </div>
            </div>
          </div>  
      <script src="<?=TEMPLATE_PATH?>js/jquery-easing-1.3.js" type="text/javascript"></script>
		<script src="<?=TEMPLATE_PATH?>js/jquery-transit-modified.js" type="text/javascript"></script>
		<script src="<?=TEMPLATE_PATH?>js/layerslider.transitions.js" type="text/javascript"></script>
		<script src="<?=TEMPLATE_PATH?>js/layerslider.kreaturamedia.jquery.js" type="text/javascript"></script>
		<script type="text/javascript">
      $("#layerslider").layerSlider({
         width:'100%',height:'360px',
         responsive:true,
         responsiveUnder:1024,
         sublayerContainer:928,
         autoStart:true,
         pauseOnHover:true,
         firstLayer:1,
         animateFirstLayer:true,
         randomSlideshow:false,
         twoWaySlideshow:true,
         loops:0,
         forceLoopNum:true,
         autoPlayVideos:true,
         autoPauseSlideshow:'auto',
         youtubePreview:'maxresdefault.jpg',
         keybNav:true,touchNav:true,
         skin:'noskin',
         skinsPath:'home/layerslider/skins/',
         globalBGColor:'#f2f2f2',
         navPrevNext:true,
         navStartStop:true,
         navButtons:true,
         hoverPrevNext:true,
         hoverBottomNav:false,
         showBarTimer:false,
         showCircleTimer:true,
         thumbnailNavigation:'hover',
         tnWidth:100,
         tnHeight:60,
         tnContainerWidth:'60%',
         tnActiveOpacity:35,
         tnInactiveOpacity:100,
         imgPreload:true,
         yourLogo:false,
         yourLogoStyle:'left: 10px; top: 10px;',
         yourLogoLink:false,
         yourLogoTarget:'_self',
         cbInit:function(element){},
         cbStart:function(data){},
         cbStop:function(data){},
         cbPause:function(data){},
         cbAnimStart:function(data){},
         cbAnimStop:function(data){},
         cbPrev:function(data){},
         bNext:function(data){}})
			$('document').ready(function(){
 
        // Calling LayerSlider on your selected element after the document loaded
        //$('#layerslider').layerSlider();
    });
		</script>	
      <div class="clear"></div>
      <?include('view/common/vic_footer.php')?>
   </div>   
</body>
</html>